<!-- 我是评价分析 -->
<template lang="html">
  <div class="evaluateBox">
    <router-view></router-view>
  </div>
</template>

<script>
import axios from 'axios'
var url;

export default {
  data (){
    return {
      radio:'',
      businessmenName:'',
      productName:'',
      startDate:'',
      endDate:'',
      typeName:'',
      activeName2:'one',
      options:['游玩','酒店','剧场','OTA','卡券','团体活动','教育培训'],
      goodsTab:1
    }
  },
  methods:{
    
  },
  created(){

  }
}
</script>

<style lang="Sass" scoped>
.evaluateBox{width: 100%; height: 100%;padding: 10px 10px 10px 10px; box-sizing: border-box;

  .formBox{ background: #fff; padding: 10px; text-align: left;

    .text{ height: 30px;
      .el-input__inner{height: 30px; width: 100%;}
    }
    .date{width: 150px; height: 30px;
      .el-input__inner{height: 30px; width: 100%;}
    }
    .select{width: 120px;
      .el-input__inner{width: 100%;}
    }
    .el-date-editor.el-input{width: 150px;}
    .redioBox{margin-top: 8px; margin-left: 10px;}
  }
  span{font-size: 13px; line-height: 30px;}
  .box1{border-radius: 10px 10px 0 0; padding: 20px 10px 0 10px;}
  .box2{border-radius: 0 0 10px 10px; padding: 0px 10px 20px 10px;}
  .tableBox{background: #fff; padding: 20px;  border-radius: 10px;}
  .cell{text-align: left;}
  .btn{height: 32px;
    span{line-height: 0px;}
  }
  .dataBox{background: #fff; margin: 10px 0; border-radius: 10px; padding: 10px 0;
    .score{font-size: 24px;}
    p{font-size: 12px;}
  }



  .listBox{width: 100%; background: #fff;

    .first{display: flex; height: 30px; line-height: 30px; text-align: left; padding: 5px;
        span{display: inline-block; line-height: 30px; }
        .product{flex:1;}
        .name{flex: 0 0 280px;}
        .name2{flex:1;}
        .review{flex: 0 0 200px;}
        .good{flex: 0 0 200px;}
        .average{flex: 0 0 80px;}
    }
    li{display: flex; height: auto; line-height: 30px; text-align: left; padding: 15px 5px 0 5px;

      span{display: inline-block;  box-sizing: border-box; font-size: 13px; line-height: 16px;}
      .product{flex:1; padding-right: 20px;}
      .name{flex: 0 0 280px;}
      .name2{flex:1;}
      .review{flex: 0 0 200px;}
      .good{flex: 0 0 200px;}
      .average{flex: 0 0 80px;}
    }
    li:nth-of-type(odd){background: #FAFAFC;}
    .el-checkbox, .el-checkbox__input{white-space:normal; font-size: 12px;}
  }
}
</style>
